---
title: Come iniziare  
description: Un'introduzione di base ad Astro.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
banner: 
  content: |
    <a href="https://astro.build/blog/astro-4/">La versione 4.0 di Astro è qui!</a>
    Sei pronto per l'aggiornamento? <a href="/it/guides/upgrade-to/v4/">Leggi la nostra guida all'aggiornamento</a>.
hero:
  title: Documentazione Astro
  tagline: Guide, risorse e riferimenti API per aiutarti a costruire con Astro.
  actions:
    - text: Inizia
      icon: rocket
      link: /it/install/auto/  
      variant: primary
    - text: Scopri le funzionalità di Astro
      icon: right-arrow
      link: /it/concepts/why-astro/
  facepile:
    tagline: Offerto da Astro e dai nostri contributori open source.
    linkText: Unisciti a noi! 
    link: /it/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="Cosa costruirai con Astro?" icon="laptop">
    Esplora i [temi starter Astro](https://astro.build/themes/) per blog, portfolio, documentazione, landing pages, SaaS, marketing, siti di e-commerce e altro!
  </Card>

  <Card title="Fai un tour guidato" icon="star">
    Completa il nostro [Tutorial Crea un Blog](/it/tutorial/0-introduction/) introduttivo per imparare le basi e creare il tuo primo sito Astro.
  </Card>

  <SplitCard title="Inizia un nuovo progetto" icon="rocket">
    ```sh
    # crea un nuovo progetto con npm  
    npm create astro@latest
    ```
    
    La nostra [guida all'installazione](/it/install/auto/) ha istruzioni passo passo per installare Astro utilizzando il nostro wizard CLI, creare un nuovo progetto da un repository GitHub Astro esistente e per installare Astro manualmente.
  </SplitCard>

  <ListCard title="Impara" icon="open-book">
    - [Le principali funzionalità di Astro](/it/concepts/why-astro/)
    - [L'architettura ad isole](/it/concepts/islands/) 
    - [I componenti Astro](/it/basics/astro-components/)
    - [La sintassi dei template Astro](/it/basics/astro-syntax/)
  </ListCard>

  <ListCard title="Espandi" icon="puzzle">
    - [Aggiungi integrazioni come React e Tailwind](/it/guides/integrations-guide/)
    - [Crea raccolte di contenuti con tipizzazione](/it/guides/content-collections/)
    - [Migliora la navigazione con le transizioni di vista](/it/guides/view-transitions/)
    - [Collega un CMS headless al tuo progetto](/it/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="Hai una domanda o vuoi partecipare?" cta="Unisciti al nostro Discord"/>
